<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- 苹果是否显示状态栏 yes为全屏运行-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 作用是控制状态栏显示样式-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 样式检测telephone、email、address-->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" CONTENT="-1">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <title>share</title>
    <script src="js/qrcode.min.js"></script>
    
    <script src="js/jquery-1.8.3.min.js"></script>
    <style>
       body{
            margin: 0;
            padding: 0;
            background-color: #ebfaff;
        }
       img{
           width: 100%;
       }
       .image2{
           position: relative;
           margin-top: -3%;
       }
       #_scroll_text{
       	text-align: center;
        background-color:#4bc5ee;
       	top: 3%;
       	left: 9%;
        display: none;
        font-size: 18px;
        height: 34px;
        line-height: 34px;
       }
       
       #share{
       	position: absolute;
       	top:-3.2%; 
       	left: 50%;
       	margin-left: -70px;
       }
       .button{  
				width: 140px;  
				line-height: 28px;  
				text-align: center;  
				font-weight: bold;  
				color: #fff;  
				text-shadow:1px 1px 1px #333;  
				border-radius: 5px;  
				margin:0 20px 20px 0;  
				position: relative;  
				overflow: hidden;  
				}  
				.button:nth-child(6n){  
				margin-right: 0;  
			 }
       .button.green{  
			 border:1px solid #64c878;  
			 box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;  
			 background: -webkit-linear-gradient(top,#90dfa2,#84d494);  
			 background: -moz-linear-gradient(top,#90dfa2,#84d494);  
			 background: linear-gradient(top,#90dfa2,#84d494);  
		   } 
       #qrcode{
           position: absolute;
           top: 24%;
           left: 50%;
           margin-left: -50px;
       }
       .image3{
            margin-top: -3%;
            position: relative;
        }
        .image3 #new33{
          
          position: absolute;
          top:46.5%;

          
          

          
        }
        ::-webkit-scrollbar {
				width: 0px
			}

 /*获奖名单-无缝滚动*/
      .activity{width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 165px; text-align: center;background-color: #fff;background-color: #ebfaff;}
      .activity ul{top: -15px;padding: 0;color: #666;position: relative;width: 70%;margin-left: 15%}
      .activity li{height: 34px;padding:0;font-size: 14px;line-height: 34px;list-style: none;border-bottom: 1px dotted #d2d2d2;}
 
    </style>
</head>
<body>

<div>
	<img src="images/1.png">
</div>
<div class="image2">
    <img src="images/2.png">
     <div id="qrcode"></div>   
</div>
<div class="image3">
     <button type="button" id="share" class="button green" onclick="share.shareToWeb('京客隆APP|新人红包等你领','把京客隆超市装进手机')">点击分享</button>
     <img src="images/wodetupian.png">
     
</div>
  <div class="panel">
    <p id="_scroll_text" class="panel_zhong">已注册用户</p>
        <div class="activity" id="J_Activity">
            <ul id="list" style="top: -24.3133px;">                    
            </ul> 
        </div>
     </div>   
<br><br><br>
<script>

// 接收JSON参数
// var str = '[{"mobile": "15253226600"},{"mobile": "15253226601"}, {"mobile": "15253226602"},{"mobile": "15253226603"},{"mobile": "15253226604"},{"mobile": "15253226605"},{"mobile": "15253226606"}]'; 
// var str= '[]';
// 获取参数
   function getQueryString(name) { 
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
        var r = window.location.search.substr(1).match(reg); 
        if (r != null) return unescape(r[2]); return null; 
	}
    var url='http://jkl.juyingtech.com/sklmall/front/share/shareUrl.htm';
	  
    var _mobile = getQueryString("mobile")||getQueryString("moblie");
//	if(_mobile==null||_mobile=='null'||_mobile==''||_mobile=='undefined')
//	{
//		_mobile=getQueryString("moblie");
//	}
    console.log(_mobile);

    var jiangchuan_url=url+'?mobile='+_mobile+"&type=1";


function showMessage(_str){

      if(_str=='[]'){
          return;
      } else {
          var obj = eval(_str);
          var newContent = '';
          for(var i=0; i < obj.length; i++){
                newContent+='<li class=_"no">';
                 //newContent+=obj[i].mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
                
                // console.log(typeof(obj[i].mobile));
                 

                  obj[i].mobile=obj[i].mobile.split("");
                  // console.log(obj[i].mobile);
                 
                  obj[i].mobile.splice(3,4,'*','*','*','*');
                  // console.log(obj[i].mobile);
               
                  obj[i].mobile=obj[i].mobile.join('');
                  // console.log(obj[i].mobile);
  
                  newContent+=obj[i].mobile;

                  newContent+='</li>';
          }
          document.getElementById("list").innerHTML=newContent;
          var show = document.getElementById("_scroll_text");
          show.style.display= "block";
      }
   }


// 生成二维码
    window.onload =function(){
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 100,//设置宽高
            height : 100
        });
        qrcode.makeCode(jiangchuan_url);
    }
//  分享到微信
//  
//  

$(function () {
		    var listPanel = $('.activity ul');
		    var nubcers = 0;//向上滚动top值
            var lilist=document.querySelectorAll('#J_Activity li'); 
            
            if(lilist.length>4){
		    function up() {//向上滚动
		        listPanel.animate({//中奖结果
		            'top': (nubcers - 35) + 'px'
		        }, 1500, 'linear', function () {
		            listPanel.css({'top': '0px'})
		            .find("li:first").appendTo(listPanel);
		            up();
		    		});
			}
		    up();
		}
    		});
    

//转起来
// var speed=40
//    var slide=document.getElementById("slide");
//     var slide2=document.getElementById("slide2");
//     var slide1=document.getElementById("slide1");
//      slide2.innerHTML=slide1.innerHTML
//      function Marquee(){
//          if(slide2.offsetTop-slide.scrollTop<=0)
//              slide.scrollTop-=slide1.offsetHeight
//          else{
//              slide.scrollTop++
//          }
//      }
//      var MyMar=setInterval(Marquee,speed)
     
</script>
</body>
</html>
